<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>祈福登记</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top raise-usercenter">
        <a href="" class="userce"><span class="iconfont">&#xe66d;</span></a>
        登记姓名
        <a href="" class="goback"><span class="iconfont">&#xe60e;</span></a>
    </div>
    
    <!-- 祈福banner -->
    <div class="raise-banner">
        <img src="images/qifu.png" alt="">
    </div>

    <!-- 祈福标题 -->
    <div class="blessing-title">
        <h4>请填写祈福信息</h4>
    </div>
    
    
    <!-- 祈福登记 -->
    <div class="huixiang blessing-reg">
        <form action="">
            <div class="enroll-info">
                <div class="form-group">
                    <label for="">您的姓名<span style="color:red;font-size:18px;">*</span></label>
                    <input type="text" class="form-control">    
                </div>
                <div class="form-group">
                    <label for="">性别<span style="color:red;font-size:18px;">*</span></label> 
                    <ul class="clearfix"> 
                       <li class="clearfix">
                           <div class="left"><input type="radio" name="radio" value="radio" id="radio-1" checked=""><label for="radio-1"></label></div>
                           <div class="right">男</div>
                       </li>
                       <li class="clearfix">
                           <div class="left"><input type="radio" name="radio" value="radio" id="radio-2"><label for="radio-2"></label></div>
                           <div class="right">女</div>
                       </li> 
                    </ul>
                </div>

                <div class="form-group">
                    <label for="">联系电话</label>
                    <input type="tel" class="form-control">    
                </div>
                
                <div class="form-group">
                    <label for="">您的所在地<span style="color:red;font-size:18px;">*</span></label>
                    <input type="text" class="form-control">    
                </div>
                <div class="form-group">
                    <label for="">功德墙留的姓名<span style="color:red;font-size:18px;">*</span></label>
                    <input type="text" class="form-control">    
                </div>
            </div>
            <div class="blessing-reg-tip">
                温馨提示：请你检查好信息无误后提交登记并会转到微信支付页面，付款后请你发送短信到手机号：13856565526 并告知您的姓名，我们以收到短信时间为准安排功德墙序号
            </div>
            <input type="submit" value="提交登记信息"> 
        </form>
    </div>
    


    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

</body>
</html>
